* {
  font-family:Verdana,Serif;
}
.banner
{
    background: #EDF3FE;
    border-bottom: 1px solid #ccc;
    padding: 1em 2em 0.5em 2em;
}

.banner h1
{
    font-size: 24pt;
    margin: 0;
}


h2
{
    font-size: 18pt;
    background-color: #FFEEFF;  
}

h3
{
    font-size: 14pt;
    font-style: italic;
}

.contents
{
  padding: 1em 2em 0.5em 2em;
}

.box
{
  padding: 0.3em;
  border: #ffe0bb dotted 1px;
  margin: 1em;
  background: #fffde8;
}

img
{
  padding: 10px;
  border: #ffe0bb dotted 1px;
  margin: 1em;
  background: #fffda8;
}

a {
  color: #00F;
  text-decoration: none;
}

a:hover {
  color: #333;
  background: #FE8;
}

li {
  padding: 5px;
}

table {
  border-width: 1px;
  border-spacing: 2px;
  border-style: outset;
  border-collapse: collapse;
  margin: 10px;
}
table th {
  border-width: 1px;
  padding: 5px;
  border-style: inset;
  background-color: #EEEEEE;
}
table td {
  border-width: 1px;
  padding: 5px;
  border-style: inset;
}
